<!DOCTYPE html>
<html>

<head>
    <title>截屏宝</title>
    <meta charset="UTF-8">
    <style>
        body {
            width: 200px;
            padding: 10px;
            text-align: center;
        }

        button {
            font-size: 16px;
            padding: 8px 16px;
            background-image: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
            border: none;
            color: white;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            cursor: pointer;
            border-radius: 8px;
            /* 设置圆角 */
            transition: background-image 0.5s ease;            
            /* 平滑过渡渐变效果 */
        }

        button:hover {
            background-image: linear-gradient(45deg, #e6683c 0%, #dc2743 25%, #cc2366 50%, #bc1888 75%, #f09433 100%);
        }
    </style>
</head>

<body>
    <button id="captureButton">一键截屏</button>
    <script src="popup.js"></script>
</body>

</html>